import React,{ Component , Fragment} from 'react';
import { NavLink , withRouter } from 'react-router-dom';
import cities from '../../assets/cities/cities'
export default class searchBar extends Component{
    render(){
        let {city} = this.props;
        return(
            <Fragment>
                <div className='search-top'>
                    
                    <div className='home-city'>
                    <NavLink to='/choosecities'>
                        <span className='city-name' style={{'color':'#fff','fontSize':'14px','marginRight': '10px'}}>{sessionStorage.getItem('cityName')||'北京'}</span>
                        <span className='iconfont icon-35_xiangxiajiantou' style={{'color':'#fff'}}></span>
                        </NavLink>
                    </div>
                    
                    <div className='search-box'>
                    <NavLink to='/cate'>
                        <div className='search-box-inner'>
                            <span className='iconfont icon-sousuo' style={{'color':'#fff'}}></span>
                        </div>
                        </NavLink>
                    </div>
                    
                </div>
            </Fragment>
        )
    }
}